<template>
  <div class="deliverySetting">
    <div>
      <tinymce v-model="content" :height="300" />
    </div>
    <el-button type="primary" @click="getContent">获取数据</el-button>
    <div class="editor-content" v-html="content" />
  </div>
</template>

<script>
import Tinymce from '@/components/Tinymce'

export default {
  name: 'TinymceDemo',
  components: { Tinymce },
  data() {
    return {
      content:
      `<h1 style="text-align: center;">Welcome to the TinyMCE demo!</h1>`
    }
  },
  created() {
    // this.getContent()
  },
  methods: {
    getContent() {
      console.log(this.content)
    }
  }
}
</script>

<style scoped>
.deliverySetting {
  background-color: #fff;
  padding: 30px 20px 20px 20px;
  /* height: 80vh; */
}
</style>

